$(function () {
    // 1.动态拉取category_list的数据
    $.ajax({
        url: '/category/queryTopCategory',
        type: 'get',
        success: function (info) {
            // 渲染分类列表
            $('.category_list ul').html(template('tmp1', info))
            // 默认渲染第一个分类的品牌列表
            renderBrand(info.rows[0].id)
        }
    })
    // 2.点击分类列表切换
    function renderBrand(id) {
        $.ajax({
            url: '/category/querySecondCategory',
            type: 'get',
            data: {
                id: id
            },
            success: function (info) {
                $('.brand_list ul').html( template('tmp2', info) )
            }
        })
    }
    $('.category_list ul').on('click', 'li', function () {
        // 分类当前活动类名切换
        $(this).addClass('active').siblings().removeClass('active')
        // 获取id渲染右侧品牌列表
        var id = $(this).data('id')
        renderBrand(id)
        // 让品牌列表滚回顶部
        mui('.brand_list .mui-scroll-wrapper').scroll().scrollTo(0,0,100)
    })
})